<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>

		<div class="table-responsive">
		<!-- 基本表格 -->
		<table class="table">
			<!-- 表头 -->
			<thead>
				<tr>
					<th>表格标题</th>
					<th>表格标题</th>
					<th>表格标题</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格</td>
				</tr>
								<tr>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格</td>
				</tr>
								<tr>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格</td>
				</tr>
			</tbody>
		</table>

		<!-- 条纹状表格 -->
		<!-- table-striped加条纹  table-bordered加边框 table-hover鼠标悬停 -->
		<table class="table table-striped table-bordered table-hover">
			<!-- 表头 -->
			<thead>
				<tr>
					<th>表格标题</th>
					<th>表格标题</th>
					<th>表格标题</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格</td>
				</tr>
								<tr>
					<td>表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格</td>
				</tr>
								<tr>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格</td>
					<td>表格单元格表格单元格表格单元格表格单元格表格单元格表格单元格</td>
				</tr>
				<tr>
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr>
				<tr>
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr>
			</tbody>
		</table>

		<!-- 紧凑型表格 -->
		<table class="table table-condensed">
			<!-- 表头 -->
			<thead>
			<!-- 鼠标悬停时的颜色 active -->
				<tr class="active">
					<th>表格标题</th>
					<th>表格标题</th>
					<th>表格标题</th>
				</tr>
			</thead>
			<tbody>
			<!-- 成功时的颜色 -->
				<tr class="success">
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr >
				<!-- 信息颜色 -->
				<tr class="info">
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr>
				<tr class="warning">
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr>
				<tr class="danger">
					<td>表格单元格</td>
					<td>表格单元格</td>
					<td>表格单元格</td>
				</tr>
			</tbody>
		</table>






		</div>

</body>
</html>